html,body,#app {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
#app {
  min-width: 1200px;
}

/**
滚动条美化
 */

/*滚动条的宽度*/

::-webkit-scrollbar {
  width:6px;
  height:9px;
}

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/

::-webkit-scrollbar-track {
  width: 6px;
  display: none;
  background-color: #aaaaaa;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}


/*滚动条的设置*/

::-webkit-scrollbar-thumb {
  background-color:#8d8687;
  background-clip:padding-box;
  min-height:28px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}
/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
  background-color:#969696;
}

.avatar-36 {
  width: 36px;
  height: 36px;
  border-radius: 36px;
}

.avatar-70 {
  width: 70px;
  height: 70px;
  border-radius: 70px;
}

.avatar-120 {
  width: 120px;
  height: 120px;
  border-radius: 120px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.border-right-none {
  border-right: none;
}

.background-color-blue {
  background-color: cornflowerblue;
}

.font-size-16 {
  font-size: 16px;
}

.text-color-green {
  color: lightgreen!important;
}

.text-color-red {
  color: red!important;
}